<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head th:replace="public/index :: CSS(~{::title})">
    <title>我的日记</title>
</head>

<body>
<!--我的日记内容-->
<section class="blog-wrapper sect-pt4" id="blog">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="post-box">
                    <!-- 返回上一级 -->
                    <a href="#" onclick="history.go(-1);" class="btnReturn">
                        返回上一级
                    </a>
                    <!-- 首图片 -->
                    <div class="post-thumb">
                        <img th:src="${myStory.getStoryImg1()}" class="imgAto1" alt="">
                    </div>
                    <div class="post-meta">
                        <h1 class="article-title" th:text="${myStory.getStoryTitle()}"></h1>
                        <ul>
                            <li>
                                地点:
                                <b th:text="${myStory.getStorySite()}"></b>
                            </li>
                            <li>
                                时间:
                                <b th:text="${#dates.format(myStory.getStoryDate(), 'yyyy-MM-dd')}"></b>
                            </li>
                            <li>浏览量:
                                <b th:text="${myStory.getViews()}"></b>
                            </li>
                        </ul>
                    </div>
                    <div class="article-content">
                        <p th:text="${myStory.getStoryFirst()}"></p>
                        <!--第二个图片-->
                        <div class="post-thumb">
                            <img th:src="${myStory.getStoryImg2()}" class="imgAto1" alt="">
                        </div>
                        <p th:text="${myStory.getStorySecond()}"></p>
                        <!-- 小标题结论 -->
                        <blockquote class="blockquote">
                            <p class="mb-0" th:text="${myStory.getHumorTitle()}"></p>
                        </blockquote>
                        <div class="post-thumb">
                            <img th:src="${myStory.getStoryImg3()}" class="imgAto1" alt="">
                        </div>
                        <p th:text="${myStory.getStoryThird()}"></p>
                    </div>
                </div>
                <div class="form-comments">
                    <div class="title-box-2">
                        <h3 class="title-left">
                            总结一下
                        </h3>
                    </div>
                    <div class="article-content">
                        <p th:text="${myStory.getStorySummary()}"></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--底层内容-->
<nav th:insert="~{public/index :: indexFooter}"></nav>
<!--一键回头-->
<a href="#" class="back-to-top"><br>顶</a>
<div id="preloader"></div>
<!-- 公共的JS文件 -->
<nav th:insert="~{public/index :: indexJs}"></nav>

</body>
</html>
